<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="modal inmodal in" id="createNew-modal" th:fragment="createNew" tabindex="-1" role="dialog"
     aria-hidden="true"
     style="display: none;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span><span class="sr-only">关闭</span>
                </button>
                <h6 class="modal-title">新增备件</h6>
            </div>
            <small class="font-bold">
                <div class="modal-body">
                    <form class="form-horizontal" id="createNew-form">
                        <input type="hidden" th:value="${userId}" id="userId">
                        <input type="hidden" name="id" class="goodsId">
                        <div id="uploader" class="clearfix upload-area display-no ">
                            <div id="filePicker" class="fl upload-path"></div>
                            <div class="fl upload-btn">上传文件</div>
                        </div>
                        <h3>基本信息</h3>
                        <section>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">备件类型：</label>

                                <div class="col-sm-4">
                                    <select class="form-control" name="type" id="goods-type">
                                        <option th:each="goodsType:${goodsType}" th:value="${goodsType.value}"
                                                th:text="${goodsType.label}">硬盘
                                        </option>
                                    </select>
                                </div>

                                <label class="col-sm-2 control-label">品牌：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入品牌" name="brand"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">商品名称：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入商品名称" name="goodsName" class="form-control">
                                </div>

                                <label class="col-sm-2 control-label">补充描述：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入商品补充描述" name="goodsDesc" class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">标题：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入标题" name="title" class="form-control">
                                </div>

                                <label class="col-sm-2 control-label">价格：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入价格" value="0.00" name="price"
                                           class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">Part #：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="Part #" name="part" class="form-control">
                                </div>

                                <label class="col-sm-2 control-label">Substitute Part：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入 Substitute Part" name="substitutePart"
                                           class="form-control">
                                </div>
                            </div>


                        </section>

                        <h3>备件属性</h3>
                        <section class="private-params">

                            <div class="form-group">
                                <label class="col-sm-2 control-label">容量：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入容量" name="capacity"
                                           class="form-control">
                                </div>

                                <label class="col-sm-2 control-label">类型：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入类型" name="model"
                                           class="form-control">
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="col-sm-2 control-label">平台：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入平台" name="platform"
                                           class="form-control">
                                </div>

                                <label class="col-sm-2 control-label">功率：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入功率" name="power"
                                           class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">内核数量：</label>

                                <div class="col-sm-4">
                                    <input type="number" placeholder="请输入内核数量" name="kernelNum"
                                           class="form-control">
                                </div>

                                <label class="col-sm-2 control-label">尺寸：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入尺寸" name="size"
                                           class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">缓存：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入缓存" name="goodsCache"
                                           class="form-control">
                                </div>

                                <label class="col-sm-2 control-label">频率</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入频率" name="frequency"
                                           class="form-control">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">接口（方式）：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入接口" name="hardwareInterface"
                                           class="form-control">
                                </div>
                                <label class="col-sm-2 control-label">速率/转速：</label>

                                <div class="col-sm-4">
                                    <input type="text" placeholder="请输入速率" name="speed"
                                           class="form-control">
                                </div>

                            </div>


                        </section>
                        <h3>备件配置</h3>
                        <section>
                            <input type="hidden" name="isSupportService"/>
                            <input type="hidden" name="isSupportRecover" />
                            <!--  <div class="form-group">
                                  <label class="col-sm-2 control-label">是否支持购买：</label>

                                  <div class="col-sm-1">
                                      <input type="checkbox" class="js-switch" disabled checked/>
                                  </div>
                              </div>-->
                            <div class="form-group">
                                <label class="col-sm-2 control-label">是否支持维修：</label>

                                <div class="col-sm-1">
                                    <input tabindex="9" type="checkbox" class="support supportService" >
                                    <!--<input type="checkbox" class="js-switch new-js-switch supportService" id="supportService" value="1" checked/>-->
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control" placeholder="报价上限" name="repairPriceMin">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control" placeholder="报价下限" name="repairPriceMax">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">是否支持回收：</label>

                                <div class="col-sm-1">
                                    <input tabindex="9" type="checkbox" class="support supportRecover">
                                   <!-- <input type="checkbox" class="js-switch new-js-switch supportService"  id="supportRecover"  value="1" checked/>-->
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control" placeholder="报价上限" name="recoverPriceMin">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control" placeholder="报价下限" name="recoverPriceMax">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">备件图片：</label>

                                <div class="col-sm-4">
                                    <button class="btn btn-w-m btn-primary uploader" type="button" name="foundation"
                                            id="upload">上传图片
                                    </button>

                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label"></label>

                                <div class="col-sm-10 col-sm-offset-2">

                                    <ul class="ace-thumbnails need-cut-list" id="real_img_new">

                                    </ul>
                                </div>
                            </div>

                        </section>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
                </div>
            </small>
        </div>
        <small class="font-bold">
        </small>
    </div>
    <small class="font-bold"></small>
</div>
</body>
</html>">
